/* stylelint-disable property-no-vendor-prefix */

/* Document
 * ========  By normalize.css/opinionated ==========
 * ================================================
 */

 :where(html) {
  line-height: 1.15;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

:where(body) {
  margin: 0;
  text-size-adjust: none;
}

:where(h1) {
  margin-block: 0.67em 0.67em;
  font-size: 2em;
}

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block: 0 0;
}

:where(hr) {
  box-sizing: content-box;
  height: 0;
  color: inherit;
}

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

:where(b, strong) {
  font-weight: bolder;
}

:where(code, kbd, pre, samp) {
  font-family: monospace;
  font-size: 1em;
}

:where(small) {
  font-size: 80%;
}

:where(table) {
  text-indent: 0;
  /* stylelint-disable-next-line value-keyword-case */
  border-color: currentColor;
}

:where(button, input, select) {
  margin: 0;
}

:where(button) {
  text-transform: none;
}

:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}

:where(progress) {
  vertical-align: baseline;
}

:where(select) {
  text-transform: none;
}

:where(textarea) {
  margin: 0;
}

:where(input[type="search" i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: -moz-fit-content;
  height: fit-content;
  padding: 1em;
  margin: auto;
  color: black;
  background-color: white;
  border: solid;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
:where(summary) {
  display: list-item;
}

/*
 * it's all addition by @perseus above this line
 */
:where(section,div) {
  box-sizing: border-box;
}